/*样式初始化*/
*{ margin:0; padding:0;color: #444;color: #888888;font-family:"Microsoft YaHei"; font-size:14px;  line-height:1;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin:0 ;  overflow-x: hidden;min-width: 1200px;position: relative;width: 100%;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
a{ text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.text,textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}
img{border:none;display: block;max-width: 100%;}
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1;  clear:both}.fr{float:right;}.fl{float:left}
.imghover:hover{-webkit-transition: all linear .6s;transition: all linear .6s;z-index: 10;-webkit-transform: scale(1.03);-moz-transform: scale(1.03);transform: scale(1.03);}

body{font-family:'Microsoft YaHei';max-width:1920px; margin:auto; font-size:14px; width:100%;}
.mobileshow{display:none}
.pcshow{display:block}
.w1200{width:1200px; overflow:hidden; margin:auto}
.container{}
.banner{position:relative;}


.header{overflow:hidden; position:fixed; z-index:100000000000; left:0; right:0; width:100%; padding:15px 0;}
.header .container{width:88%; min-width:1200px; margin:auto; }
.header .logo{float:left}
.header .logo img{height:50px;}
.header .nav{float:right}
.header .nav a{line-height:50px; padding:10px 15px; font-size:15px; color:#333; position:relative}
.header .nav a.current,.header .nav a:hover{color:#e1383f; font-weight:bold;}
.header .nav a.current::before,.header .nav a:hover::before{content:""; width:25px; height:3px;background-color:#e1383f; position:absolute; bottom: -5px; left: 50%; margin-left: -10px; }
.header.bgw{background-color:#fff; padding:8px 0;border-bottom:1px solid #f2f2f2}
.header.bgw img{ height:35px;}
.header.bgw .nav a{ line-height:35px; color:#333 }
.footer{background-color:#f8fafb; padding:30px 0; position:relative}
.footer p{line-height:25px; letter-spacing:1px}
.footer .fr{text-align:right}
.footer .footlogo{position:absolute; left:50%;margin-left:-125px;width:250px}



/*首页*/
.index{overflow:hidden}
.index .header{background: rgba(255,255,255,1);}
.index .header .logo{}
.index .header .nav a{color:#000}
.index .header.bgw{background-color:#fff; }
.index .header.bgw .nav a{color:#333}
.index .banner{height: 100%;overflow: hidden;position: relative;}
.index .banner .bgimg{width:100%; position:absolute; left:0; right:0; bottom:0; z-index:99999}
.index .banner .swiper-container{width:100%; height:100%; overflow:hidden;}
.index .banner .swiper-pagination-bullet-active{background:#d7383d}
.index .indexnav{ position:absolute; top:0; bottom:0; width:40%; background-color:#fff; background: url(../images/i_navbg.png) no-repeat center right;  z-index:9999; background-size:cover;}
.index .indexnav .container{ width:185px; float:right;  margin-right: 40%;}
.index .indexnav .logo{margin-top:12%; position:relative; }
.index .indexnav .logo::after{content:""; width:2px; background-color:#c31828; position:absolute; right:-15px;top:18px; height:20px;}
.index .indexnav .logo .language{ right: -60px; top: 20px; position: absolute; font-size:16px; color:#c31828}
.index .indexnav .navagation{margin-top:75%}
.index .indexnav .navagation a{display:block; font-size:17px; height:34px; line-height:34px; position:relative; margin:20px 0; color:#999;padding-left: 40px;}
.index .indexnav .navagation a.current,.index .indexnav .navagation a:hover{font-weight:bold; color:#c31828}
.index .indexnav .navagation a:before{content:""; width:15px; background-color:#999; position:absolute; left:10px;top:14px; height:4px; border-radius:5px;}
.index .indexnav .navagation a.current:before,.index .indexnav .navagation a:hover:before{ background-color:#c31828;}
.index .banner .bannerbox .swiper-pagination{bottom:8%; width:86%; left:7%}
.index .banner .bannerbox .swiper-pagination-bullet{float:right; width: 30px; border-radius: 10px; height:5px; border-radius:0;    margin-left: 10px;}
.index .company{overflow:hidden; padding:80px 0; /*background:url(/upload/images/2020/6/b52e0b91f46876f9.jpg) no-repeat top center;*/background-color:#fff; }
.index .company .leftbox{width:530px; text-align:left}
.index .company .leftbox h1{color:rgba(0,0,0,0.1); font-size:40px; font-weight:normal; position:relative; line-height:40px; text-indent:150px}
.index .company .leftbox h1:before{content:""; position:absolute; left:65px; top:18px; width:60px; height:3px; background-color:#dddddd}
.index .company .leftbox h3{color:#c31828; font-size:32px; line-height:36px; margin-top:10px;    text-indent: 60px;}
.index .company .leftbox h2{color:#666; font-size:24px; font-weight:normal; line-height:30px; margin-top:40px; margin-bottom:15px; letter-spacing:2px; text-indent: 60px;}
.index .company .leftbox .p2{color:#333333; font-size:15px; line-height:30px; margin-bottom:10px; padding-left:60px;}
.index .company .leftbox .p1{color:#999999; font-size:17px;}
.index .company .leftbox .more{background-color:#e1383f; margin-left: 60px;padding:12px 15px 12px 25px; font-size:14px; color:#fff; display:block; float:left; margin-top:30px; border-radius:3px}
.index .company .leftbox .more:hover{background-color:#ff0f19}
.index .company .rightbox{width:620px; position:relative; height:526px;}
.index .company .rightbox .img1{position:absolute; left:0; top:50px;}
.index .company .rightbox .img2{position:absolute; /*left:0;*/ right:0; bottom:0;}
.index .company .rightbox .img3{position:absolute; right:0; bottom:0; display:none; }
.index .advantage{padding:80px 0; background-color:#fff;}
.index .advantage .item{width:390px; height:350px; float:left; margin-left:10px; position:relative; cursor:pointer;}
.index .advantage .item.firstitem{width:400px; margin-left:0; padding-top:60px;}
.index .advantage .firstitem .p1{color:#333; font-size:20px; font-weight:bold;line-height: 36px;}
.index .advantage .firstitem .p2{color:#2660ad; font-size:20px; font-weight:bold;line-height: 36px;}
.index .advantage .firstitem .p3{color:#333; font-size:15px; line-height: 24px; padding-right:65px; text-align:justify; position:relative;    padding-top: 60px;}
.index .advantage .firstitem .p3:before{content:""; position:absolute; left:0; top:25px; width:20px; height:5px; background-color:#2660ad; border-radius:5px}
.index .advantage .item img{width:100%; border-radius:12px;}
.index .advantage .item .text{position:absolute; bottom:0px; left:30px;     right: 30px;width:auto;}
.index .advantage .item .text h2{font-size:20px; color:#333;  }
.index .advantage .item .text p{font-size:15px; color:#666; height:40px; line-height:20px;}
.index .advantage .item .mask{background-color:rgba(0,0,0,0.6); position:absolute; left:0; right:0; top:0;bottom:0; text-align:center; display:block;border-radius:12px; display:none}
.index .advantage .item .mask h2{font-size:20px; color:#fff; line-height:36px; margin-bottom:5px; text-align:center; margin-top:200px}
.index .advantage .item .mask p{font-size:15px; color:#fff;text-align:center; width:180px; margin:auto;    line-height: 20px; }
.index .advantage .item .mask a{ display:none; margin:auto; background-color:#fff; color:#c31828; padding:5px 15px; border-radius:10px; }
.index .productss{overflow:hidden; background:url(/upload/images/2021/3/1d0f1d33bc80737.jpg) no-repeat bottom center; background-color:#e2e2e2; background-size:contain;height:800px;}
.index .productss .part1{width:780px;margin:auto;padding:80px 0px;}
.index .productss .part1 b{display:block; float:left; width:33.333%; text-align:center; font-size:20px;color:#333; position:relative}
.index .productss .part1 .line:before{content: "";  position: absolute; right: 0;  top: 3px;  width: 2px; height: 15px;  background-color: #666;}
.index .productss .part2{width:1050px;margin:auto;}
.index .productss .part2 .item{width:25%; float:left; text-align:center}
.index .productss .part2 .item h2{color:#333; font-size:18px; font-weight:normal; line-height:26px; margin-bottom:10px;}
.index .productss .part2 .item p{color:#666; font-size:15px; line-height:26px;}
    .index .news {
        overflow: hidden;
        padding: 80px;
        background: url() center center;
        background-image: url('../images/newsbg.jpg');
        background-size: cover
    }
.index .news .newsnav{overflow:hidden; }
.index .news .newsnav .tit{float:left; overflow:hidden}
.index .news .newsnav .tit p{color:#e1383f; font-size:22px; text-transform:uppercase;}
.index .news .newsnav .tit h2{font-size:22px; color:#666; font-weight:bold; line-height:35px; letter-spacing:2px}
.index .news .newsnav .tabnav{float:right;padding-top: 10px; }
.index .news .newsnav .tabnav a{ color:#666;  font-size:20px;  height:30px; line-height:30px;}
.index .news .tabcon{padding-top:3%;  overflow:hidden}
.index .news .tabcon .imgbox{width:520px; float:left;}
.index .news .tabcon .imgbox .title{color:#fff; font-size:18px; background:url(../images/i_news_titlebg.png) no-repeat center center; display:block; width:518px; height:142px; padding:30px 55px; line-height:32px}
.index .news .tabcon .imgbox .summary{color:#333333; line-height:30px; overflow:hidden; margin-top:30px; font-size:15px; }
.index .news .tabcon .imgbox .summary p{font-size:15px; line-height:28px; color:#333}
.index .news .tabcon .imgbox .summary img{max-width:100%}
.index .news .tabcon .imgbox .view{ color:#c31828; font-size:16px; padding:10px 20px;border:1px solid #c31828; display:block; float:left; border-radius:6px;margin-top: 45px;}
.index .news .tabcon .listbox{width:580px; float:right;}
.index .news .tabcon .listbox .item{overflow:hidden; margin-bottom: 30px;}
.index .news .tabcon .listbox .item .date{float:left; width:120px; padding-right:30px; font-size:18px; color:#333333;text-align:right; color:#999999;padding-top: 60px; line-height:26px;}
.index .news .tabcon .listbox .item .date b{font-weight:bold; font-size:20px; color:#666;}
.index .news .tabcon .listbox .item .info{overflow:hidden; float:left; width:460px; padding:0 0 0 30px; border-left:2px  solid #ddd;}
.index .news .tabcon .listbox .item .info a.tit{display:block; font-size:17px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333;}
.index .news .tabcon .listbox .item .info a.tit:hover{color:#c31828; }
    .index .news .tabcon .listbox .item .info .summary p{
        color: #666;
        line-height: 24px;
        height: 50px;
        overflow: hidden;
        margin-top: 15px;
        font-size: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }
.index .news .tabcon .listbox .item .info .view{margin-top:10px; display:block; }
.index .news .tabcon .listbox .more{float:right; margin-top:30px; font-weight:bold; font-size:14px; color:#666; letter-spacing:2px;}


/*-----------page--------------------*/
.mpage {
    font-size: 13px;
    padding: 5px 0;
}

    .mpage ul {
        display: inline-block
    }

    .mpage span {
        padding: 6px 10px;
        margin-right: 2px;
        border: 1px solid #ddd;
        float: left;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .mpage li {
        display: inline-block;
        padding: 6px 10px;
        border: 1px solid #ddd;
        cursor: pointer;
        float: left;
        margin-right: 2px;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .mpage li.act {
            background-color: #3fb9de;
            border: 1px solid #3fb9de;
            color: #fff;
            cursor: default
        }

/*//-------------------------------------*/

/*产品中心*/
.products{overflow:hidden}
.products .title{overflow:hidden; padding-left:70px;}
.products .title h2{color:#c31828; font-size:22px; line-height:36px; position:relative}
.products .title .number03:before{content:"03"; font-size:16px; color:#999; font-weight:normal; line-height:36px; position:absolute;left:-70px}
.products .title .number04:before{content:"04"; font-size:16px; color:#999; font-weight:normal; line-height:36px; position:absolute;left:-70px}
.products .title h4{font-size:22px; color:#999; font-weight:normal;}
.products  .part1{overflow:hidden; padding-top:5%; background:url(../images/product_bg_02.png) no-repeat center right; background-size:contain}
.products  .part1 p{overflow:hidden; color:#666; font-size:15px; margin-top:20px; line-height:30px; padding:0px 160px 0 70px; letter-spacing:1px;}
.products  .part2 h4{line-height:30px;}
.products  .part2 .w1200{padding-bottom:20px}
.products  .part2 .leftbox{float:left; overflow:hidden; width:1200px;}
.products  .part2 .leftbox .list{padding-left:70px; padding-top:100px; overflow:hidden}
.products  .part2  .item{float:left; width:33% ;padding-right:4%; padding-bottom:3%}
.products  .part2  .item b{font-size:24px; color:#999; padding-bottom:20px; display:block; }
.products  .part2  .item p{font-size:16px; color:#333; height:200px; line-height:28px; padding-bottom:10px; padding-top:10px; border-top:1px solid #ddd; margin-top:30px;}
.products  .part2  .item span{ background:url(../images/p_arrow1.png) no-repeat center center; display:none; width:30px; height:20px; background-size:contain}
.products  .part2 .rightbox{float:right; overflow:hidden;width:390px;}
.products  .part2 .rightbox .title{padding-left:0;  padding-top: 40px;}
.products  .part2 .rightbox .number04:before{left:0; top:-45px;}
.products  .part2 .rightbox  .item{width:100%;padding-top:40px;}
.products  .part2 .item:hover b{color:#c31828}
.products  .part2 .item:hover p{color:#c31828; border-top:1px solid #c31828}
.products  .part2 .item:hover span{background:url(../images/p_arrow1.png) no-repeat center center; }
.products  .part2.productlist .item p {height:auto; font-weight:bold; }

.product_info {overflow:hidden;}
.product_info .content{overflow:hidden; background-color:#fff;margin-top: 5%; }
.product_info .top{overflow:hidden; position:relative;  min-height: 320px;}
.product_info .top .imgbox{position:absolute; top:0; right:0; z-index:99; width:350px;}
.product_info .top .imgbox img{ width: 100%; border: 3px solid #c31828; }
.product_info .top .infobox {width:70%; }
.product_info .top .infobox h2{color:#c31828; font-weight:bold; font-size:24px; line-height:30px; letter-spacing: 3px;}
.product_info .top .infobox h3{font-size:16px; font-weight:normal; line-height:30px; color:#999; opacity:0.6; margin-bottom:20px; }
.product_info .top .infobox p{ position:relative; padding-left:25px; margin:10px 0;width:90%;}
.product_info .top .infobox p::after{content:""; background-color:#bf1a20; width:15px; height:2px; position:absolute; left:0; top:15px;}
.product_info .top .infobox p b{color:#bf1a20; font-size:15px; padding-right:15px; display:block; line-height:30px;}
.product_info .top .infobox p span{font-size:15px; line-height:26px; color:#555; display:block}
.product_info .bottom{overflow:hidden; margin-top:5px; background-color:#c31828;}
.product_info .bottom .tab-nav a{color:#fff; line-height:60px; font-size:18px; padding-right:30px; position:relative;  }
.product_info .bottom .tab-nav a::after{content:""; background-color:#fff; width:0px; height:2px; position:absolute; left:0; bottom:-8px; -webkit-transition: all linear .4s;transition: all linear .4s;}
.product_info .bottom .tab-nav a.on::after{width:30px;}
.product_info .bottom .tab-con {background-color:#fff;}
.product_info .bottom .tab-con .con{padding:30px 0; min-height:300px; display:none}
.product_info .bottom .tab-con .con p {font-size:15px; color:#333; line-height:2; }
.product_info .bottom .tab-con .con p b,.product_info .bottom .tab-con .con p strong{font-size:16px; color:#c31828; line-height:2; }
.product_info .bottom .tab-con .con img {max-width:100%}

/*应用领域*/
.application{overflow:hidden; position:relative;}
.application .header a{color:#333;}
.application .content {margin-top:-20px; padding:0 80px; padding-bottom: 80px; }
.application .welcom{position:relative; margin-bottom:20px;}
.application .welcom img{width:420px;}
.application .welcom:before{content:""; font-size:16px; color:#999; font-weight:normal; line-height:70px; position:absolute;left:-80px}
.application .title{overflow:hidden; padding-left:10px;}
.application .title h2{color:#c31828; font-size:24px; line-height:36px; position:relative}
.application .title h4{font-size:22px; color:#999; font-weight:normal;}
.application .lists {overflow:hidden; margin-top:50px; }
.application .lists .item{overflow:hidden;  margin-bottom: 30px;}
.application .lists .textbox{width:535px; padding:30px 0 130px 0; position:relative; float:left}
.application .lists .textbox::after{position:absolute; content:""; width:60px; height:1px;  background-color:#1e2188; bottom:0; left:100px}
.application .lists .textbox h2{font-size:28px; color:#c31828; font-weight:normal; padding-left:90px; position:relative;    line-height: 40px;}
.application .lists .textbox h2:before{position:absolute; content:""; width:80px; height:2px;  background-color:#999; top:20px; left:-5px}
.application .lists .textbox p{font-size:15px; color:#333; line-height:30px; padding-left:90px; margin-top:30px;position:relative;  }
.application .lists .textbox p:before{position:absolute; content:""; width:40px; height:1px;  background-color:#1e2188; top:10px; left:35px}
.application .lists .textbox .number{font-size:20px; color:#333; position:relative; font-weight:bold;}
.application .lists .textbox .number::after{position:absolute; content:""; width:1px; height:60px;  background-color:#1e2188; top:40px; left:0}
.application .lists .imgbox {width:440px;  padding-top: 40px; float:right }
.application .lists .imgbox.fl{margin-left: 50px; margin-right: 0; margin-top: 100px;}
.application .lists .item.itemrr{position:relative;}
.application .lists .item.itemrr .textbox{float:right; padding-bottom:0; padding-top:180px}
.application .lists .item.itemrr .textbox::after{height:0;}
.application .lists .item.itemrr .imgbox{float:left}
.application .lists .item.itemrr .number{ position: absolute; top: 40px; right: 0;}
.application .lists .item.itemrr .number::after{right:0; left:auto;}
.application .bgs{position:absolute; z-index:-1;}
.application .bgdot1 {background: url(../images/app_bg1.png) no-repeat; width:468px; height:264px; top:2000px; left:0;}
.application .bgdot2 {background: url(../images/app_bg1.png) no-repeat; width:468px; height:264px; top:3000px; left:0;}
.application .bgdot3 {background: url(../images/app_bg1.png) no-repeat; width:468px; height:264px; top:4000px; left:0;}
.application .bg02{background:url(../images/app_bg02.png) no-repeat; width:400px; height:300px; top:1300px; right:0; background-size:contain}
.application .bg06{background:url(../images/app_bg06.png) no-repeat; width:400px; height:300px; top:2800px; right:0; background-size:contain}
.application .bg10{background:url(../images/app_bg10.png) no-repeat; width:400px; height:300px; top:4300px; right:0; background-size:contain}
.applicationinfo{overflow:hidden}
.applicationinfo .lists {overflow:hidden; margin-top:0; margin-top:-20px; margin-bottom:110px; }
.applicationinfo .title h4{line-height: 26px; margin-top:5px;}
.applicationinfo .introduce{padding:5% 3%}
.applicationinfo .introduce p{font-size:15px; line-height:24px; margin-bottom:15px;}
.applicationinfo .introduce img{max-width:100%;}
.applicationinfo .machine{overflow:hidden; padding-left:200px; padding-top:50px; padding-bottom:80px;}
.applicationinfo .machine .item{width:400px; height:460px; float:left; display:block; padding:30px 50px}
.applicationinfo .machine .item .img{margin:100px auto 40px; width:230px;}
.applicationinfo .machine .item.ys{background:url(../images/appi_ys.png) no-repeat center center;background-size:contain}
.applicationinfo .machine .item.ys:hover{background:url(../images/appi_ys_h.png) no-repeat center center;background-size:contain;}
.applicationinfo .machine .item.yl{background:url(../images/appi_yl.png) no-repeat center center; background-size:contain}
.applicationinfo .machine .item.yl:hover{background:url(../images/appi_yl_h.png) no-repeat center center; background-size:contain}
.applicationinfo .machine .item p{font-size:17px; font-weight:bold; color:#333; line-height:40px; margin-bottom:10px;}
.applicationinfo .bgdot1 {background: url(../images/app_bg1.png) no-repeat; width:468px; height:264px; bottom:180px; left:5%; top:auto; position:absolute; z-index:-1;}


/*关于我们*/
.about{overflow:hidden; padding-bottom:80px;}
.about #title1{padding-top:70px;}
.about .title{position:relative; font-weight:bold; font-weight:bold; color:#c31828; font-size:22px; padding-left:70px; line-height:50px;}
.about .title.number02:before{content:""; position:absolute; left:0; color:#999; font-size:16px; line-height:50px; font-weight:normal}
.about .title.number03:before{content:"03"; position:absolute; left:0; color:#ddd; font-size:16px; line-height:50px; font-weight:normal}
.about .title.number04:before{content:"04"; position:absolute; left:0; color:#ddd; font-size:16px; line-height:50px; font-weight:normal}
.about .number05:before{content:"05"; position:absolute; left:0; color:#ddd; font-size:16px; line-height:50px; font-weight:normal}
.about .part1{overflow:hidden; padding-bottom:15px; background:url(../images/about_bg02.png) no-repeat bottom right; background-size:300px}
.about .part1 .con{padding-left:310px;}
.about .part1 .con p{font-size:16px; line-height:30px; margin-bottom:30px; color:#333;text-align:justify;text-indent:36px}
.about .part1 img{width:71%; margin-top:10px;}
.about .part2{overflow:hidden; background:url(/upload/images/2020/9/1bc457314991a11.jpg) no-repeat bottom right; background-size:cover; padding-top:50px;position:relative; height:700px; }
.about .part2 .title{color:#fff; }
.about .part2 .history{padding-top:90px; z-index:99999; position:relative;}
.about .part2 .history .years{width:20%; float:left; padding:15px 15px 0 15px; height: 510px; cursor:pointer}
.about .part2 .history .years p.s,.about .part2 .history .years img{opacity:0;}
.about .part2 .history .years.current{background-color:#c31828;}
.about .part2 .history .years.current p, .about .part2 .history .years.current img { opacity:1; }
.about .part2 .history .years.current p.y{opacity:0}
.about .part2 .history .years .s span{color:#fff; position:relative; display:block;line-height:26px; margin-bottom:10px;  }
.about .part2 .history .years .s span::before{position:absolute; content:""; width:8px; height:8px; border-radius:50%; background-color:#fff; left:-15px; top:6px;}
.about .part2 .history p.y{color:#fff; text-align:center; font-size:18px; position:relative; height:30px; line-height:30px;}
.about .part2 .history p.y::before{position:absolute; content:""; width:8px; height:8px; border-radius:50%; background-color:#fff; left:50%; top:-24px; margin-left:-4px;}
.about .part2 .history p.s{color:#fff; font-size:15px; padding:20px;  height: 180px;}
.about .part2 .bg{background:rgba(0,0,0,0.4); width:100%; height:180px; border-top:1px solid #565656; position:absolute; bottom:0; left:0; right:0; z-index:1;}
.about .part3{padding-top:50px; overflow:hidden; background:url(../images/about_part3_bg04.png) no-repeat bottom right,url(../images/about_part3_bgdot.png) no-repeat bottom left;}
.about .part3 .img1{float:right; width:60%}
.about .part3 .con{padding-top:40px; padding-left: 70px; padding-bottom:150px; padding-right:240px;}
.about .part3 .con p{font-size:16px; line-height:30px; margin-bottom:30px; color:#333; text-align:justify; text-indent:36px}
.about .part4{overflow:hidden; padding-top:40px;background:url(../images/about_part4_bg05.png) no-repeat 0px 400px,url(../images/about_part4_bgdot.png) no-repeat bottom right;}
.about .part4 .title{line-height:30px; margin-top:20px;}
.about .part4 .number05{position:relative; padding-left:70px;}
.about .part4 .con{overflow:hidden; padding-top:60px; padding-left:300px; padding-bottom:280px;}
.about .part4 .con p{font-size:16px; line-height:30px; margin-bottom:30px; color:#333; text-align:justify; text-indent:36px}


/*联系我们*/
.contact{overflow:hidden;}
.contact .welcom{padding-left:70px; position:relative; padding-bottom:20px;}
.contact .con{padding-left:70px; background-color:#fff;}
.contact .number02:before{content:""; position:absolute; left:0; color:#999; font-size:16px; line-height:70px; font-weight:normal}
.contact .number03:before{content:"03"; position:absolute; left:0; color:#ddd; font-size:16px; line-height:50px; font-weight:normal}
.contact .title{overflow:hidden; padding-left:70px; position:relative}
.contact .title h2{color:#c31828; font-size:22px; line-height:36px; position:relative}
.contact .title h4{font-size:22px; color:#999; font-weight:normal;}
.contact .part1 .summary{float:right; width:710px; color:#333; line-height:26px; font-size:15px;}
.contact .part1{overflow:hidden; background:url(../images/contact_bg02.png) no-repeat bottom right;border-top: 1px solid #ddd;padding-top: 4%;margin-top: 2%;}.contact .part1 .title{padding-left:0; float:left}
.contact .part1 .contacinfo{overflow:hidden; padding-top:30px;}
.contact .part1 .item{width:354px; height:190px; float:left; margin-left:32px; margin-bottom:35px; padding:25px;}
.contact .part1 .item .itemname{font-size:16px; line-height:22px; margin-bottom:50px;}
.contact .part1 .item .ihead{font-size:16px; color:#666; line-height:30px;}
.contact .part1 .item .iinfo{font-size:18px; color:#333;line-height:30px; }
.contact .part1 .iaddress{background:url(../images/contact_iaddress.png) no-repeat center center; margin-left:0;}
.contact .part1 .itel{background:url(../images/contact_tel.png) no-repeat center center;}
.contact .part1 .iline{background:url(../images/contact_iline.png) no-repeat center center;}
.contact .part1 .ifax{background:url(../images/contact_fax.png) no-repeat center center;margin-left:0;}
.contact .part1 .ipostcode{background:url(../images/contact_postcode.png) no-repeat center center;}
.contact .part1 .iemail{background:url(../images/contact_iemali.png) no-repeat center center;}
.contact .part2{overflow:hidden; margin-top:100px; background:url(../images/contact_bg03.png) no-repeat center left;}
.contact .part2 .con{padding-top:45px; overflow:hidden;}
.contact .part2 .con .textbox{width:305px;}
.contact .part2 .con .textbox .p1{color:#666; font-size:16px;}
.contact .part2 .con .textbox .p2{color:#666; font-size:16px; line-height:30px; margin-top:340px}
.contact .part2 .con .textbox .p3{color:#333; font-size:18px;  line-height:40px;}
.contact .part2 .con .imgbox{width:825px;}
.contact .part3 {margin-top:5%; overflow:hidden; background:url(../images/contact_bg04.png) no-repeat center right,url(../images/contact_bgdot.png) no-repeat center left;}
.contact .part3 .title{float:left; width:510px; padding-left:70px;}
.contact .part3 .title h4{margin-bottom:15px; font-size:40px; text-transform:uppercase; color:#efefef }
.contact .part3 .title h4:before{content:""; color:#999; font-size:16px; position: absolute; left: 0; top: 15px;}
.contact .part3 .infolist{float:right; width:690px; padding-right:90px; padding-top:15px;}
.contact .part3 .infolist .title{border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px; padding-left:5px;}
.contact .part3 .infolist .title:last-child{border:none}
.contact .part3 .infolist .title h4:before{font-size:0;}
.contact .part3 .infolist .title span{font-size:16px; margin-right:50px; background-size:cover;height:30px;  line-height:30px; display:block; float:left; margin-top:10px;}
.contact .part3 .infolist .title p span.tel{background:url(../images/contact_part3_4.png) no-repeat center left; padding-left:30px}
.contact .part3 .infolist .title p span.fax{background:url(../images/contact_part3_3.png) no-repeat center left; padding-left:30px; margin-right:0;}
.contact .part3 .infolist .title p span.email{background:url(../images/contact_part3_2.png) no-repeat center left; padding-left:30px}
.contact .part3 .infolist .title p span.web{background:url(../images/contact_part3_1.png) no-repeat center left; padding-left:30px}
.contact .part4{overflow:hidden; margin-top:60px; background:url(../images/contact_bg05.png) no-repeat center left; padding-bottom:85px;}
.contact .part4 .title h4:before{content:"05"; color:#999; font-size:16px; position: absolute; left: 0; top: 15px;}
.contact .part4 .title h4::after{content:""; background-color:#eee; width:900px; height:2px; position: absolute; left: 220px; top: 18px;}
.contact .part4 .con{padding-left:400px; overflow:hidden; padding-top:40px; position:relative; padding-bottom:70px;}
.contact .part4 .con::before{content:""; background-color:#eee; width:900px; height:1px; position: absolute; bottom:30px; left:0;}
.contact .part4 .con::after{content:""; background-color:#eee; width:820px; height:2px; position: absolute; bottom:0; left:0;}
.contact .part4 .item{width:354px; height:318px; float:left; margin-left:31px; margin-bottom:35px; padding:25px;}
.contact .part4 .itel{background:url(../images/contact_part4_tel.png) no-repeat center center;}
.contact .part4 .iemail{background:url(../images/contact_part4_email.png) no-repeat center center;}
.contact .part4 .iweb{background:url(../images/contact_part4_web.png) no-repeat center center;}
.contact .part4 .ifax{background:url(../images/contact_part4_fax.png) no-repeat center center;}
.contact .part4 .item .ihead{font-size:14px; color:#666; line-height:30px; padding-top:190px;}
.contact .part4 .item .iinfo{font-size:18px; color:#333;line-height:30px; }
.contact .part4 .item.itel .ihead{padding-top:0}
.contact .part4 .item.itel .ptt{padding-top:130px}


/*新闻中心*/
.newspage{overflow:hidden;}
.newspage .header a{color:#333;}
.newspage .header a.current,.newspage .header a:hover{color:#e1383f; font-weight:bold;}
.newspage .header .nav a.current::before, .newspage .header .nav a:hover::before{content:""; width:25px; height:3px;background-color:#e1383f; position:absolute; bottom: -5px; left: 50%; margin-left: -10px; }
.newspage .content{padding:0 80px 120px;}
.newspage .navbox {overflow:hidden; margin-top:20px; position:relative;}
.newspage .navbox::after{content:""; background-color:#ddd; width:100%; height:1px; position:absolute; left:150px;bottom:15px;}
.newspage .navbox .title{overflow:hidden; float:left}
.newspage .navbox .title h2{color:#c31828; font-size:22px;}
.newspage .navbox .title h4{color:#999; font-size:22px; line-height:35px; font-weight:normal; }
.newspage .navbox .newscate{overflow:hidden; float:right;}
.newspage .navbox .newscate a{display:block; float:left; padding:5px 20px; font-size:15px; line-height:30px;}
.newspage .navbox .newscate a.current{color:#c31828; font-weight:bold}
.newspage .newslist{overflow:hidden; margin-top:50px;}
.newspage .item{overflow:hidden; margin-bottom:30px; }
.newspage .item .imgbox{float:left; width:360px; height:270px; display:block;}
.newspage .item .infobox{float:left; width:680px; height:270px; padding:30px; display:block}
.newspage .item .infobox h2{font-size:22px; color:#c31828; letter-spacing:1px; line-height:40px;}
.newspage .item .infobox .date{font-size:14px; color:#999; line-height:30px;}
.newspage .item .infobox .summary{font-size:15px; color:#999; line-height:28px; margin-top:10px; height:84px;}
.newspage .item .infobox .view img{margin-top:20px;}
.newsinfo {overflow:hidden; background:url(../images/newsinf-_bg1.png) no-repeat center left,url(../images/newsinf-_bg2.png) no-repeat bottom right;}
.newsinfo .content{padding:5% 80px 0;}
.newsinfo .content h1{font-size:24px; font-weight:bold; color:#c31828; line-height:40px; text-align:center;}
.newsinfo .content .date{font-size:16px;  line-height:30px; color:#999; text-align:center}
.newsinfo .con{overflow:hidden; padding:5% 1% 0;}
.newsinfo .con img{max-width:100%;}
.newsinfo .con p{font-size:16px; line-height:32px; color:#333; margin-bottom:35px;}
.newsinfo .footer{}
.index .aboutpic {
    width:100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
    .index .aboutpic .rightbox {
        flex: 1;
        /* 其他样式 */
    }
        .index .aboutpic .rightbox img {
            width: calc(100% - 20px);
            cursor: pointer; /* 鼠标指针形状为手型 */
        }
/* 荣誉 */
.index .rypic {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
    .index .rypic .rightbox {
        flex: 0 0 calc(25% - 20px); /* 三列，考虑间距 */
        margin: 10px; /* 间距 */
        display: flex;
        text-align: center; /* 图片居中显示 */
        align-items: center; /* 垂直居中 */
        padding: 20px;
        border-radius: 10px;
        background: linear-gradient(180deg, #d4d4d4, #ebebeb);
    }

        .index .rypic .rightbox img {
            max-width: 100%;
            max-height: 100%;
            margin: 0 auto;
            object-fit: cover;
        }
/* 放大图片的样式 */
#enlarged-image-container {
    display: none;
    position: fixed;
    width:100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999999999;
    text-align: center;
    padding:50px;
}

#enlarged-image {
    max-height: 50%;
    height:100%;
    width:auto;
    margin: auto;
}
.index .news .CountentTxt .mtitle {
    width: 100%;
    text-align: center;
    padding: 30px;
    font-size: 30px;
}

.index .news .CountentTxt p {
    width: 100%;
    line-height: 1.5;
    font-size: 16px;
}
    @media screen and (max-width:1200px) {
        body{min-width: 0; max-width:1200px;}
    .mobileshow{display:block}
    .pcshow{display:none}
    .w1200{width:100%; overflow:hidden; margin:auto}
    .banner{margin-top:45px;}

        .header {
            background-color: #fff;
            padding: 0;
            overflow: initial;
            height: 50px;
        }
        .header .container {
            width: 100%;
            min-width: 100%;
            overflow: hidden;
            position: relative;
        }
        .header .topMenu {
            position: relative;
            width: 100%;
            background: #fff;
            z-index: 10000;
            padding: 8px;
        }
        .header .logo {
            margin-left: 3%;
        }
    .header .logo img{height:30px;margin-top:3px;}
    .header .mmenu{float:right; width:8%; margin-right:3%; margin-top:8px;}
    .header .mmenu span{display:block; width:86%; height:4px; margin:4px auto; background-color:#c31828}
    .header .nav{ position:fixed; top:50px; left:-80%; right:0; bottom:0; width:80%; z-index:999; background-color:#fff;background: url(../images/i_navbg.png) no-repeat center right;
    background-size: cover; padding-top:30px; }
    .header .nav a{display:block; line-height:40px;  font-size:16px; padding-left: 60px; }
    .header .nav .language{position:absolute; height:30px; left:60px; bottom:8%}
    .header .nav .language span{display:block;line-height: 20px;}
    .header .nav .language a{display:block; float:left; margin-right:20px; line-height:40px; font-size:15px; padding:0; padding-bottom:20px;}
    .footer{background-color:#f8fafb; padding:5%; position:relative}
    .footer p{line-height:25px; letter-spacing:1px}
    .footer .fl{text-align:left; float:none; width:100%; margin-top: 65px;}
    .footer .fr{text-align:left; float:none; width:100%;}
    .footer .footlogo{position:absolute; left:0;margin-left:4%; height:40px; width:auto}

    /*首页*/
    .index{overflow:hidden; width:100%;}
    .index .header{display:block; }
    .index bannerbox{}
    .index .indexnav{ display:none}
    .index .advantage{padding:5%; background-color:#fff;}
    .index .advantage .item{width:100%; height:120px;  background-color: #f8f8f8; overflow:hidden; float:none; margin-left:0; position:relative; cursor:pointer;margin-bottom: 1%; border-radius:12px }
    .index .advantage .item.firstitem{width:100%; margin-left:0; padding-top:5px; height:auto;    margin-bottom: 5%;}
    .index .advantage .firstitem .p1{ font-size:20px; font-weight:bold;line-height: 36px; text-align:center}
    .index .advantage .firstitem .p2{color:#2660ad; font-size:20px; font-weight:bold;line-height: 36px; text-align:center}
    .index .advantage .firstitem .p3{color:#333; font-size:16px; line-height: 180%; padding-right:0; text-align:justify; position:relative;    padding-top: 50px;}
    .index .advantage .firstitem .p3:before{content:""; position:absolute; left:0; top:25px; width:100%; height:0; background-color:#2660ad; border-radius:5px}
    .index .advantage .item img{width:auto; height:120px; float:right; border-radius:0;}
    .index .advantage .item .text{position:absolute; bottom:30px; left:5%; width:auto;  padding-right: 25%;}
    .index .advantage .item .text h2{font-size:16px; color:#333; line-height:36px; margin-bottom:0;}
    .index .advantage .item .text p{font-size:15px; color:#666; height:40px; line-height:20px;}
    .index .advantage .item .mask{background-color:rgba(0,0,0,0); position:absolute; left:0; right:0; top:0;bottom:0; text-align:center; display:block;border-radius:12px; display:none}
    .index .advantage .item .mask h2{  display:none;}
    .index .advantage .item .mask p{display:none}
    .index .company{overflow:hidden; padding:5%; margin-top:5%; background-color:#f6f6f6;background-size: cover; }
    .index .company .leftbox{width:100%; text-align:left; float:none}
    .index .company .leftbox h1{color:#dddddd; font-size:28px; font-weight:normal; position:relative; line-height:40px; text-indent:0;}
    .index .company .leftbox h1:before{display:none;}
    .index .company .leftbox h2{text-align:left; text-indent:0; font-size:20px; font-weight:bold; line-height:30px; margin-top:10px; margin-bottom:15px; letter-spacing:2px;}
    .index .company .leftbox h3{text-indent:0; font-size:24px; margin-top:-5px}
    .index .company .leftbox .p2{color:#333333; font-size:15px; line-height:30px; margin-bottom:10px; padding-left:0;}
    .index .company .leftbox .p1{color:#999999; font-size:17px;}
    .index .company .leftbox .more{display:none}
    .index .company .rightbox{width:100%; position:initial; height:auto; float:none; overflow:hidden}
    .index .company .rightbox .img1{position:initial; left:0; top:0; width:50%; float:left;}
    .index .company .rightbox .img2{position:initial; left:0; bottom:0;width:50%; float:left;}
    .index .company .rightbox .img3{display:none;}
    .index .productss{overflow:hidden; padding:5%; background-size:cover;height:auto; margin-top:2px;}
    .index .productss .part1{display:none;  width:100%;margin:auto;padding:0px; overflow:hidden}
    .index .productss .part1 b{display:none; text-align:center;  width:100%; padding:10px 0;}
    .index .productss .part1 b:first-child{display:block;}
    .index .productss .part1 .line:before{content: "";  position: absolute; right: 0;  top: 3px;  width: 0; height: 15px;  background-color: #666;}
    .index .productss .part2{width:100%;margin:auto; padding-top:10px; overflow:hidden;}
    .index .productss .part2 .item{width:25%; float:left; text-align:center;  height: 300px;}
    .index .productss .part2 .item h2{text-align:center; font-size:15px;}
    .index .productss .part2 .item p{display:none}
    .index .news{overflow:hidden; padding:5%;  background-size:cover; }
    .index .news .newsnav .tit p{color:#c31828; font-size:16px; text-transform:uppercase;}
    .index .news .newsnav .tit h2{font-size:18px; color:#666; font-weight:bold; line-height:35px; letter-spacing:2px}
    .index .news .newsnav .tabnav a{ color:#666;  font-size:16px;  height:30px; line-height:30px;}
    .index .news .tabcon .imgbox{width:100%; float:none;}
    .index .news .tabcon .imgbox .title{color:#fff; border-radius:12px; font-size:16px; width:100%; height:auto; padding:5% 8%; line-height:140%;    background-size: contain; background:none; background-color:#666; position:relative;}
    .index .news .tabcon .imgbox .view{display:none;}
    .index .news .tabcon .listbox{width:100%; float:none; margin-top:30px; border-top:1px dashed #ddd;    padding-top: 50px;}
    .index .news .tabcon .listbox .item{width:100%}
    .index .news .tabcon .listbox .item .date{float:left; width:18%; padding-right:5%; font-size:14px; color:#333333;text-align:right; color:#999999;padding-top: 0; line-height:26px;}
    .index .news .tabcon .listbox .item .date b{font-weight:bold; font-size:16px; color:#666;}
    .index .news .tabcon .listbox .item .info{overflow:hidden; float:left; width:80%; padding:0 0 0 8%; border-left:1px  solid #ddd;}
    .index .news .tabcon .listbox .item .info a.tit{display:block; font-size:17px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333;}
        .index .news .tabcon .listbox .item .info .summary p {
            color: #666;
            line-height: 20px;
            height: 40px;
            overflow: hidden;
            margin-top: 10px;
            font-size: 14px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            margin-block-start:5px;
        }
    .index .news .tabcon .listbox .item .info .view{margin-top:10px; display:block; }
    .index .news .tabcon .listbox .item .info .view img{height:12px; }

        .index .news .CountentTxt .mtitle{
            width: 100%;
            text-align: center;
            padding: 30px;
            font-size: 30px;
        }
        .index .news .CountentTxt p {
            width: 100%;
            line-height: 1.5;
            font-size: 16px;
        }

        /*关于我们*/
        @media screen and (max-width: 768px) {
            .index .aboutpic .rightbox {
            flex-basis: 100%;
            padding:8px;
        }
        .index .rypic .rightbox {
            flex-basis: 100%;
            padding: 8px;
        }
            .index .news .CountentTxt .mtitle {
                padding: 15px;
                font-size: 22px;
            }
            .pclist {
                display: none;
            }
    }
        .about {
            overflow: hidden;
            padding-bottom: 10px;
        }
    .about .title{ font-size:20px; padding-left:0; line-height:40px; text-align:center;margin-bottom:0;}
    .about .title.number02:before{content:""; position:absolute; left:0; color:#999; font-size:0; line-height:45px; font-weight:normal}
    .about .title.number03:before{content:""; position:absolute; left:0; color:#ddd; font-size:0; line-height:45px; font-weight:normal}
    .about .title.number04:before{content:""; position:absolute; left:0; color:#ddd; font-size:0; line-height:45px; font-weight:normal}
    .about .number05:before{content:"0"; position:absolute; left:0; color:#ddd; font-size:0; line-height:45px; font-weight:normal}
    .about .part1{padding:5%; background:none;}
    .about .part1 .con{padding-left:0;}
    .about .part1 .con p{font-size:16px; line-height:180%; margin-bottom:20px; color:#666;text-align:justify;text-indent:0}
    .about .part1 img{width:100%; margin-top:0;}
    .about .part2{ padding-top:20px;position:relative; height:auto;     padding-bottom: 30px;}
    .about .part2 .history{padding-top:20px; z-index:999}
    .about .part2 .history .years{width:86%; float:none; padding:4%; height: auto; margin:auto; cursor:pointer; overflow:hidden;background-color: #c31828; margin-bottom: 5px;}
    .about .part2 .history .years img{width:35%; float:left}
    .about .part2 .history .years p.s,.about .part2 .history .years img{opacity:1;}
    .about .part2 .history .years.current p, .about .part2 .history .years.current img { opacity:1; }
    .about .part2 .history .years.current p.y{opacity:1}
    .about .part2 .history p.y{ display: none;  float:left; width:55%; margin-left:5%;    text-align: left; font-size:16px;}
    .about .part2 .history p.y::before{display:none}
    .about .part2 .history p.s{padding:10px 0 10px 5%; position:relative; line-height:26px;  height: auto; float:left; width:55%; margin-left:5%;}
    .about .part2 .history p.s::before{top:20px;}
    .about .part3{padding-top:30px; overflow:hidden; background:none;}
    .about .part3 .img1{float:none; width:90%; margin:auto;}
    .about .part3 .con{padding:5%}
    .about .part3 .con p{color:#666;}
    .about .part4{overflow:hidden; background:none; padding:5%;padding-top:40px;}
    .about .part4 .title{line-height:30px; margin-top:20px; }
    .about .part4 .number05{position:relative; padding-left:0;}
    .about .part4 .con{overflow:hidden; padding-top:25px; padding-left:0; padding-bottom:20px; overflow:hidden}
    .about .part4 .con p{font-size:16px; line-height:30px; margin-bottom:30px; color:#666; text-align:justify; text-indent:0}


    /*应用领域*/
    .application .content { padding:5%; padding-bottom: 0; }
    .application .welcom{position:relative; margin-bottom:10px; overflow:hidden}
    .application .welcom img{width:52%;}
    .application .welcom:before{display:none}
    .application .title{overflow:hidden; padding-left:0;}
    .application .title h2{color:#c31828; font-size:20px; line-height:36px; position:relative}
    .application .title h4{font-size:20px; color:#999; font-weight:normal;}
    .application .lists {overflow:hidden; margin-top:20px; }
    .application .lists .textbox p:before {display:none}
    .application .lists .textbox{width:100%; padding:0; position:relative; float:none}
    .application .lists .textbox::after{display:none;}
    .application .lists .textbox h2{font-size:18px; font-weight:bold; padding-left:0;}
    .application .lists .textbox h2:before{display:none}
    .application .lists .textbox p{font-size:15px; color:#333; line-height:30px; padding-left:0; margin-top:5px;  }
    .application .lists .textbox .number{display:none}
    .application .lists .imgbox {width:100%;  padding-top: 10px; float:none }
    .application .lists .item.itemrr .textbox{float:none; padding-bottom:0; padding-top:0}
    .application .lists .item.itemrr .imgbox{float:none}
    .application .bgs{display:none}

/*.applicationinfo{overflow:hidden}
.applicationinfo .lists {overflow:hidden; margin-top:0; margin-top:-20px; margin-bottom:110px; }
.applicationinfo .title h4{line-height: 26px; margin-top:5px;}
.applicationinfo .introduce{padding:5% 3%}
.applicationinfo .introduce p{font-size:15px; line-height:24px; margin-bottom:15px;}
.applicationinfo .introduce img{max-width:100%;}
.applicationinfo .machine{overflow:hidden; padding-left:200px; padding-top:50px; padding-bottom:80px;}
.applicationinfo .machine .item{width:400px; height:460px; float:left; display:block; padding:30px 50px}
.applicationinfo .machine .item .img{margin:100px auto 40px; width:230px;}
.applicationinfo .machine .item.ys{background:url(../images/appi_ys.png) no-repeat center center;background-size:contain}
.applicationinfo .machine .item.ys:hover{background:url(../images/appi_ys_h.png) no-repeat center center;background-size:contain;}
.applicationinfo .machine .item.yl{background:url(../images/appi_yl.png) no-repeat center center; background-size:contain}
.applicationinfo .machine .item.yl:hover{background:url(../images/appi_yl_h.png) no-repeat center center; background-size:contain}
.applicationinfo .machine .item p{font-size:17px; font-weight:bold; color:#333; line-height:40px; margin-bottom:10px;}
.applicationinfo .bgdot1 {background: url(../images/app_bg1.png) no-repeat; width:468px; height:264px; bottom:180px; left:5%; top:auto; position:absolute; z-index:-1;}*/


    /*新闻中心*/
    .newspage .header a{color:#333;}
    .newspage .content{padding:5%;}
    .newspage .content .welcom{width:65%}
    .newspage .navbox {overflow: hidden; margin-top: 10px; position: relative; }
    .newspage .navbox::after{ left:0;bottom:0;}
    .newspage .navbox .title{overflow:hidden; float:none}
    .newspage .navbox .title h2{color:#c31828; font-size:20px;}
    .newspage .navbox .title h4{color:#999; font-size:20px; line-height:35px; font-weight:normal; }
    .newspage .navbox .newscate{overflow:hidden; float:none; padding:10px 0; border-top:1px solid #ddd;}
    .newspage .navbox .newscate a{padding:0; width:25%;}
    .newspage .newslist{overflow:hidden; margin-top:10px;}
    .newspage .item {border:1px solid #ddd; padding:3%; }
    .newspage .item .imgbox{float:none; width:100%; height:auto; display:block;}
    .newspage .item .imgbox img{border:none; width:100%}
    .newspage .item .infobox{float:none; width:100%; height:auto; padding:0;     margin-top: 15px;}
    .newspage .item .infobox h2{font-size:16px;  line-height:1.6;}
    .newspage .item .infobox .date{font-size:14px; color:#999; line-height:25px;}
    .newspage .item .infobox .summary{font-size:15px; color:#999; line-height:28px; margin-top:0; height:auto;}
    .newspage .item .infobox .view img{display:none;}
    .newsinfo {overflow:hidden; background:none;}
    .newsinfo .content{padding:5%;}
    .newsinfo .content h1{font-size:20px; font-weight:bold; color:#c31828; line-height:1.4; text-align:left}
    .newsinfo .content .date{font-size:14px;  line-height:30px; color:#999; text-align:left}
    .newsinfo .con{overflow:hidden; padding:3% 0;}
    .newsinfo .con p{font-size:15px; line-height:30px; color:#333; margin-bottom:20px;}


    /*联系我们*/
    .contact .welcom{padding-left:0; position:relative; padding-bottom:10px; width:65%; float:left}
    .contact .con{padding-left:0; background-color:#fff;}
    .contact .number02:before{display:none;}
    .contact .number03:before{display:none}
    .contact .title{overflow:hidden; padding-left:0; position:relative}
    .contact .title h2{color:#c31828; font-size:16px; line-height:36px; position:relative}
    .contact .title h4{font-size:20px; color:#999; font-weight:normal;}
    .contact .part1 .summary{float:none; width:100%; color:#333; line-height:26px; font-size:15px; margin-top: 15px; overflow:hidden; text-align:justify;}
    .contact .part1{overflow:hidden; background:none; padding:5%}
    .contact .part1 .title{padding-left:0; float:left}
    .contact .part1 .contacinfo{overflow:hidden; padding-top:5px;}
    .contact .part1 .item{width:100%; height:auto; float:none; margin-left:0; margin-bottom:3%; padding:3% 2%; border-bottom:1px dashed #ddd;}
    .contact .part1 .item .itemname{font-size:14px; line-height:22px; margin-bottom:5px; font-weight:bold}
    .contact .part1 .item .ihead{font-size:16px; color:#333; line-height:24px;}
    .contact .part1 .item .iinfo{font-size:14px; color:#333;line-height:30px; }
    .contact .part1 .iaddress{background:none; margin-left:0;  }
    .contact .part1 .itel{background:none; margin-left: 0;}
    .contact .part1 .iline{background:none;  }
    .contact .part1 .ifax{background:none;margin-left:0;  }
    .contact .part1 .ipostcode{background:none;}
    .contact .part1 .iemail{background:none; margin-left: 0%;}
    .contact .part3 {margin-top:0; overflow:hidden; background:none; padding:5%;}
    .contact .part3 .title{float:none; width:100%; padding-left:0;}
    .contact .part3 .title h4{margin-bottom:5px;    font-size: 12px;}
    .contact .part3 .title h4:before{display:none;}
    .contact .part3 .infolist{float:right; width:100%; padding-right:0; padding-top:15px;}
    .contact .part3 .infolist .title{border-bottom:1px dashed #ddd; padding-bottom:30px; margin-bottom:30px; padding-left:0;}
    .contact .part3 .infolist .title span{font-size:16px; margin-right:50px; background-size:cover;height:30px;  line-height:30px; display:block; float:left; margin-top:10px;}
    .contact .part3 .infolist .title p span.tel{background:url(../images/contact_part3_4.png) no-repeat center left; padding-left:35px}
    .contact .part3 .infolist .title p span.fax{background:url(../images/contact_part3_3.png) no-repeat center left; padding-left:35px; margin-right:0;}


    /*产品中心*/
        .products .title {
            overflow: hidden;
            padding-left: 0;
        }
    .products .title h4{font-size:22px; color:#999; font-weight:normal;}
    .products  .part1{padding:5%; background:none;}
    .products  .part1 p{ margin-top:10px; padding:0px;}
    .products  .part2 {padding:0 5% 5%}
    .products  .part2 .w1200{padding-bottom:5%}
    .products  .part2 .leftbox{float:none; overflow:hidden; width:100%;}
    .products  .part2 .leftbox .list{padding-left:0; padding-top:5%; border-top:1px solid #ddd;}
    .products  .part2  .item{float:none; width:100% ;padding-right:0; padding-bottom:8%;display: block; overflow: hidden; position:relative;}
    .products  .part2  .item b{font-size:18px; text-align:center; color:#fff; padding:0; position:absolute; top:0; width:100%; line-height:40px; background-color:rgba(0,0,0,0.6); }
    .products  .part2  .item p{font-size:15px; height:auto; line-height:28px; padding-bottom:10px; padding-top:10px; border-top:none; margin-top:3%;}
    .products  .part2  .item span{ display:none}
    .products  .part2  .item img{width:100%}
    .products  .part2 .item:hover p{color:#c31828; border-top:none}
    .products .part2.productlist .item p{ position:absolute; top:0; width:100%; line-height:40px; background-color:rgba(0,0,0,0.6); padding:0; margin:0;color:#fff; text-align:center}

    .product_info .content{overflow:hidden; background-color:#fff;margin: 0;  }
    .product_info .top{overflow:hidden; position:relative;  min-height: 80px; padding:5%;}
    .product_info .top .imgbox{position:initial; top:auto; right:auto; z-index:99; width:100%;}
    .product_info .top .imgbox img{ width: 100%; border: 1px solid #c31828; }
    .product_info .top .infobox {width:100%;overflow:hidden; }
    .product_info .top .infobox h2{ margin-top:5%;font-size:22px; line-height:30px; letter-spacing: 3px;}
    .product_info .top .infobox h3{font-size:16px; font-weight:normal; line-height:20px; color:#999; opacity:0.6; margin-bottom:20px; }
    .product_info .top .infobox p{ position:relative; padding-left:0; margin:10px 0;width:100%;}
    .product_info .top .infobox p::after{display:none}
    .product_info .top .infobox p b{color:#bf1a20; font-size:15px; padding-right:0; display:block; line-height:30px;}
    .product_info .bottom{overflow:hidden; margin-top:5%; background-color:#c31828;}
    .product_info .bottom .tab-nav{padding:0 5%;}
    .product_info .bottom .tab-nav a{color:#fff; line-height:50px; font-size:16px; padding-right:0; position:relative;  }
    .product_info .bottom .tab-nav a::after{content:""; background-color:#fff; width:0px; height:2px; position:absolute; left:0; bottom:-8px; -webkit-transition: all linear .4s;transition: all linear .4s;}
    .product_info .bottom .tab-nav a.on::after{width:30px;}
    .product_info .bottom .tab-con {padding:5%}
    .product_info .bottom .tab-con .con{padding:0; min-height:80px; display:none}
    .product_info .bottom .tab-con .con p {font-size:15px; color:#333; line-height:2; }
    .product_info .bottom .tab-con .con p b,.product_info .bottom .tab-con .con p strong{font-size:16px; color:#c31828; line-height:2; }


}